<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/fangmama.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/swiper3.0.8.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <title>2.2</title>
</head>
<body ontouchstart="" class="height-full">
    <div class="head-tit head-color2"><i class="iconfont icon-left">&#xe601;</i>确认付款订单</div>
    <div class="contract-layout">
        <div class="order-tit">订单信息</div>
        <div class="order-info">
            <div class="order-info-list">
                <span class="order-ex1">房东类型</span>
                <div class="order-ex2">
                    <select>
                        <option>个人</option>
                        <option>公司</option>
                    </select>
                </div>
            </div>
            <div class="order-info-list">
                <span class="order-ex1">房屋金额</span>
                <div class="order-ex2">
                    <p>￥4500.00<em>(2015/01/13-2012/123/1)</em></p>
                </div>
            </div>
            <div class="order-info-list">
                <span class="order-ex1">房屋押金</span>
                <div class="order-ex2">
                    <p>0.00</p>
                </div>
            </div>
            <div class="order-info-list">
                <span class="order-ex1">水电费</span>
                <div class="order-ex2">
                    <p>0.00</p>
                </div>
            </div>
            <div class="order-info-list">
                <span class="order-ex1">服务费</span>
                <div class="order-ex2">
                    <p>￥45.00</p>
                </div>
            </div>
            <div class="order-info-list">
                <span class="order-ex1">房东手机</span>
                <div class="order-ex2">
                    <p>150802215487<em>不通知房东</em></p>
                </div>
            </div>
            <div class="order-info-list contarct-border-bottom">
                <span class="order-ex1">到帐时间</span>
                <div class="order-ex2">
                    <p>普通到账</p>
                </div>
            </div>
            <div class="order-info-list order-glod">
                <span class="order-ex1">订单金额</span>
                <div class="order-ex2">
                    <p class="order-color1">￥4500.00</p>
                </div>
            </div>
        </div>
        <div class="order-sub">
            <p>应付金额：2233.00</p>
            <input type="button" value="确认提交">
        </div>
    </div>
</body>
</html>
<script>
    var mySwiper = new Swiper('.house-swiper',{
        speed:500,
        onSlideChangeStart: function(){
            $(".contract-nav a").removeClass('on')
            $(".contract-nav a").eq(mySwiper.activeIndex).addClass('on')
        }
    })
    $(".contract-nav a").on('touchstart mousedown',function(e){
        e.preventDefault()
        $(".contract-nav .on").removeClass('on')
        $(this).addClass('on')
        mySwiper.slideTo( $(this).index() )
    })
    $(".contract-nav a").click(function(e){
        e.preventDefault()
    })



</script>

